<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>运营管理-嵩县全域智慧旅游产业大数据和决策分析云平台</title>
    <link rel="stylesheet" href="../../assets/plugin/M_select/M_select.css">
    <link rel="stylesheet" href="../../assets/plugin/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../assets/css/public.css">
    <link rel="stylesheet" href="../../assets/css/common.css">
    <link rel="stylesheet" href="../../assets/css/member.css">
</head>

<body>
    <div class="box">
        <!--头部-->
        <div class="title-box">
            <div class="title-left">
                <span id="weather">小雨转晴</span>
                <span id="temperature">32/23℃</span>
                <span id="windPower">东风</span>
            </div>
            <div class="title-img">
                <h3>嵩县全域智慧旅游产业大数据和决策分析云平台</h3>
                <img src="../../assets/images/title-bg.png">
            </div>
            <div class="title-right">
                <a href="../index/index.html">大数据中心</a>
            </div>
        </div>
        <!--主体-->
        <div class="main-box">
            <!--导航-->
            <div class="nav-box">
                <div class="member-box">
                    <img src="../../assets/images/admin.png" alt="">
                    <p>admin</p>
                    <p><a href="javascript:;">密码修改</a><a>退出</a></p>
                </div>
                <ul>

                    <li class="active">
                        <a href="javascript:;">
                            <div>
                                <img src="../../assets/images/icon-analysis.png">
                                <img src="../../assets/images/icon-analysis-active.png">
                            </div>
                            <p>旅游要素管理</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--数据内容-->
            <div class="content-box flex-column">
                <div class="content-nav">
                    <ul>
                        <li class="active">
                            <a href="index.html">产业基础要素</a>
                        </li>
                        <li>
                            <a href="javascript:;">分类管理</a>
                        </li>
                    </ul>
                    <div class="nav-right">
                        <a href="./addResource.html">+添加旅游资源</a>
                        <a href="javascript:;">导入旅游资源</a>
                    </div>
                </div>
                <div class="member-select">
                    <div class="select-box">
                        <select name="" id="select-member-scenic" class="member">
                            <option value="0">全部区域</option>
                            <option value="1">车村镇</option>
                            <option value="1">德亭镇</option>
                        </select>
                    </div>
                    <div class="select-box">
                        <select name="" id="select-member-status" class="member">
                            <option value="0">全部状态</option>
                            <option value="1">开启</option>
                            <option value="2">关闭</option>
                        </select>
                    </div>
                    <div class="select-box">
                        <select name="" id="select-member-category" class="member">
                            <option value="0">景区(100)</option>
                            <option value="1">住宿(980)</option>
                            <option value="2">餐饮(980)</option>
                            <option value="2">娱乐(980)</option>
                            <option value="2">购物(980)</option>
                            <option value="2">旅行社(980)</option>
                        </select>
                    </div>
                    <div class="member-search">
                        <input type="text" placeholder="请输入关键词">
                        <button>搜索</button>
                    </div>
                </div>

                <div class="member-table">
                    <!--表格-->
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th>分类</th>
                            <th>区域</th>
                            <th>级别</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>白云山</td>
                            <td>游览 > 游览景区</td>
                            <td>车村镇</td>
                            <td>5A级</td>
                            <td>开启</td>
                            <td class="table-action"><a href="javascript:;" class="btn-close">关闭</a><a href="javascript:;" class="btn-del">删除</a><a href="javascript:;" class="btn-editor">修改</a></td>
                        </tr>
                        <tr>
                            <td>天池山</td>
                            <td>游览 > 游览景区</td>
                            <td>德亭镇</td>
                            <td>4A级</td>
                            <td>开启</td>
                            <td class="table-action"><a href="javascript:;" class="btn-close">关闭</a><a href="javascript:;" class="btn-del">删除</a><a href="javascript:;" class="btn-editor">修改</a></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!--分页-->
                <div class="page-box">
                    <span class="sum">共<i>600</i>条</span>
                    <ul class="pagination">
                        <li class="disabled"><a href="#">上一页</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li ><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">下一页</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <script src="../../assets/plugin/jquery.min.js"></script>
    <script src="../../assets/plugin/M_select/M_select.js"></script>
    <script src="../../assets/js/member.js"></script>
</body>
</html>
